<template>
<h1>属性绑定练习</h1>
  <input type="text" value="abc"><!--输入框默认值设置abc -->
  <input type="text" value="info"><!--输入框默认值设置为info -->
  <input type="text" v-bind:value="info"><!--输入框value属性与响应式变量info绑定 -->
  <input type="text" :value="info"><!--属性绑定 v-bind:value=""可简写成 :value="" -->
  <hr>
  <a :href="url">超链接</a>
</template>

<script setup>
import {ref} from "vue";

const info=ref('属性绑定66');
const url=ref('https://www.baidu.com');
url.value='https://www.4399.com';
</script>

<style scoped>

</style>